$_head-h: 60px;
.head {
    width: 100%;
    margin: 0 auto;
    height: $_head-h;
    border-bottom: 1px solid $_blog-border;

    .l {
        float: left;
        display: table;
        height: 100%;
        .logo {
            height: $_head-h / 2;
            display: table-cell;
            vertical-align: middle;
            cursor: pointer;
            img {
                height: 100%;
            }
        }
    }
    .r {
        float: right;
        height: $_head-h;
        .ul {
            display: table;
            height: 100%;
            font-size: 14px;
            font-weight: bold;
            color: $_blog-text-body;
            .li {
                display: table-cell;
                vertical-align: middle;
                padding-left: 40px;
                cursor: pointer;
                &:hover {
                    color: $_blog-primary;
                }
            }
        }
    }
}
